a.btn.btn-primary {
    background: #0A6CFF;
    margin-left: 1%;
    border-radius: 64px;
    padding: 20px 50px !important;
    margin-top: 3%;
}

.panel {
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 2px solid #004f8b;
    background: #004f8b;
}

.img-box-body {
    background: transparent;
    color: #fff;
    padding: 30px;
}

h2 {
    font-size: 2em;
    font-weight: bold;
}
h2.data-submission-title-one {
    padding-top: 25px;
    padding-left: 10px;
    color: #fff !important;
}
h2#titleOne {
    margin-top: 48px;
    color: #fff !important;
}

h2#titleTwo {
    color: #fff !important;
    margin-top: 50px;
}

h2#titleThree {
    color: #fff !important;
    margin-top: 50px;
}

p#textOne {
    color: #fff;
}

p#textTwo {
    color: #fff;
}

p#textThree {
    color: #fff;
}

.panel.img-box.firstPanel {
    min-height: 425px;
}

.panel.img-box.secondPanel {
    min-height: 425px;
}

.panel.img-box.thirdPanel {
    min-height: 425px;
}

.center {
    background: #0a6cff;
}

.section {
    background: #004f8b;
}

img.img-one {
    mix-blend-mode: hard-light;
}

li#register-btn-white {
    display: none;
}

li#login-btn {
    display: none;
}

.firstPanel {
    border: 2px solid #fff;
    border-radius: 32px;
}

.secondPanel {
    border: 2px solid #fff;
    border-radius: 32px;
}

.thirdPanel {
    border: 2px solid #fff;
    border-radius: 32px;
}

img#imgOne {
    border-radius: 32px;
}

img#imgTwo {
    border-radius: 32px;
}

img#imgThree {
    border-radius: 32px;
}

img.img-two {
    margin-top: 15%;
    border-radius: 64px;
}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .section {
        background: #004f8b;
        width: 113%;
        margin-top: -30px;
        margin-left: -6.5%;
        padding: 25px;
    }

    h1 {
        color: #fff;
        margin-left: 9%;
    }
    p#one {
        color: #fff;
        font-size: 24px;
        margin-left: 9%;
    }
    a.btn.btn-primary {
        left: 7% !important;
        position: relative;
    }
    img.img-two {
        margin-top: 10%;
        border-radius: 64px;
    }
    h2.data-submission-title-one {
        text-align: center;
        color: #fff;
    }    
    .center {
        background: #0a6cff;
        width: 40%;
        left: 27%;
        position: relative;
        padding: 15px;
        border-radius: 64px;
    }
    img#arrow {
        margin-top: 120%;
        left: 30%;
        position: relative;
        width: 75px;
    }
    img#arrowTwo {
        margin-top: 120%;
        left: 30%;
        position: relative;
        width: 75px;
    }
}
@media only screen and (min-width: 1536px) and (max-width: 1920px) {
    .section {
        background: #004f8b;
        margin-left: -24%;
        width: 147%;
        margin-top: -29px;
        padding-bottom: 210px;
        padding-left: 150px;
    }

    img.img-one {
        mix-blend-mode: hard-light;
        width: 20%;
    }

    img.img-two {
        margin-left: -36%;
        margin-top: 13%;
        width: 130% !important;
    }
    h1.title-one {
        padding-left: 120px;
        color: #fff !important;
        width: 75%;
        font-weight: normal;
        margin-top: 7%;
    }
    p#one {
        color: #fff;
        padding-left: 120px;
        width: 58%;
        line-height: 1em;
    }

    div#panelOne {
        width: 45%;
        margin-left: 20%;
        min-height: 200px;
        border-radius: 16px;
    }

    div#panelTwo {
        width: 45%;
        margin-left: 20%;
        min-height: 200px;
        border-radius: 16px;
        margin-top: -5px;
    }

    div#panelThree {
        width: 45%;
        margin-left: 20%;
        min-height: 200px;
        border-radius: 16px;
        margin-top: -5px;
    }

    img#imgOne {
        width: 75%;
        top: 30%;
        position: relative;
    }

    img#imgTwo {
        width: 75%;
        top: 30%;
        position: relative;
    }

    img#imgThree {
        width: 75%;
        top: 30%;
        position: relative;
    }

    img#arrow {
        width: 50%;
        margin-top: 120px;
        margin-left: 15%;
    }

    img#arrowTwo {
        width: 50%;
        margin-top: 120px;
        margin-left: 15%;
    }

    h2.data-submission-title-one {
        text-align: center;
        margin-left: -9%;
        padding-top: 15px;
        color: #fff !important;
    }
    .center {
        background: #0a6cff;
        width: 25%;
        margin-left: 33.5%;
        color: #fff;
        padding-top: 10px;
        border-radius: 64px;
        padding-bottom: 20px;
        padding-left: 50px;
        margin-top: 5%;
    }

    a.btn.btn-primary {
        left: 9%;
        position: relative;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .center {
        background: #0a6cff;
        width: 25%;
        margin-left: 33.5%;
        color: #fff;
        padding-top: 10px;
        border-radius: 64px;
        padding-bottom: 20px;
        padding-left: 40px;
        margin-top: 5%;
    }

    img.img-two {
        margin-top: 10%;
        width: 100%;
    }

    .section {
        background: #004f8b;
        margin-left: -7%;
        padding-left: 100px;
        width: 113.5%;
        margin-top: -29px;
        padding-bottom: 210px;
    }

    img.img-two {
        margin-top: 10%;
    }

    h1.title-one {
        padding-left: 30px;
        color: #fff !important;
        font-weight: normal;
        margin-top: 30px;
    }

    p#one {
        padding-left: 30px;
        color: #fff;
    }

    .center {
        background: #0a6cff;
        width: 29%;
        margin-left: 33.5%;
        color: #fff;
        padding-top: 10px;
        border-radius: 64px;
        padding-bottom: 20px;
        padding-left: 50px;
        margin-top: 5%;
    }

    img#imgOne {
        width: 100%;
    }

    .panel.img-box.firstPanel {
        left: 10%;
        position: relative;
    }

    img#arrow {
        margin-top: 180px;
        margin-left: 45%;
    }

    img#imgTwo {
        width: 100%;
    }

    img#arrowTwo {
        margin-top: 180px;
        margin-left: 45%;
    }

    img#imgThree {
        width: 100%;
    }

    .panel.img-box.firstPanel {
        min-height: 440px;
    }

    .panel.img-box.thirdPanel {
        min-height: 440px;
    }
}

@media only screen and (max-width: 1024px) {
    img.img-two {
        width: 100%;
    }
    h1.title-one {
        margin-top: 30px;
        color: #fff !important;
    }

    .section {
        background: #004f8b;
        width: 109.7%;
        margin-left: -5%;
        margin-top: -31px;
        border-top: 1px solid #fff;
    }
    img.img-two {
        margin-top: 10%;
    }

    h1.title-one {
        padding-left: 30px;
        color: #fff;
        font-weight: normal;
    }

    p#one {
        padding-left: 30px;
        color: #fff;
    }

    .center {
        background: #0a6cff;
        width: 35%;
        margin-left: 30%;
        color: #fff;
        padding-top: 10px;
        border-radius: 64px;
        padding-bottom: 20px;
        padding-left: 50px;
        margin-top: 5%;
    }

    img#imgOne {
        width: 100%;
    }

    .panel.img-box.firstPanel {
        left: 10%;
        position: relative;
    }

    img#arrow {
        margin-top: 180px;
        margin-left: 45%;
    }

    img#imgTwo {
        width: 100%;
    }

    img#arrowTwo {
        margin-top: 180px;
        margin-left: 45%;
    }

    img#imgThree {
        width: 100%;
    }

    .panel.img-box.firstPanel {
        border-bottom: 2px dashed #fff;
        min-height: 440px;
    }

    .panel.img-box.thirdPanel {
        min-height: 440px;
    }
}

@media only screen and (max-width: 768px) {
    img.img-two {
        width: 70%;
        margin-left: 15% !important;
    }
    .section {
        background: #004f8b;
        width: 111%;
        margin-left: -6%;
        margin-top: -30px;
        border-top: 1px solid #fff;
        padding-left: 50px;
    }

    .panel.img-box.firstPanel {
        left: 0%;
        position: relative;
    }

    img#arrow {
        margin-top: 180px;
        margin-left: 45%;
        display: none;
    }

    img#arrowTwo {
        margin-top: 180px;
        margin-left: 45%;
        display: none;
    }

    img.img-two {
        margin-top: 10%;
        margin-left: 27%;
    }

    .center {
        width: 50%;
        margin-left: 22%;
    }
}

@media only screen and (max-width: 425px) {
    img.img-two {
        width: 75%;
    }

    h2.data-submission-title-one {
        font-size: 18px;
    }
    .section {
        background: #004f8b;
        width: 109%;
        margin-left: -6%;
        margin-top: -30px;
        border-top: 1px solid #fff;
        padding-left: 50px;
    }
}

@media only screen and (max-width: 425px) {
    .center {
        width: 50%;
        margin-left: 25.5%;
        padding-left: 40px;
    }
    .section {
        padding-left: 0px;
    }
    .panel.img-box.firstPanel {
        margin-top: 30px;
    }
    .panel.img-box.secondPanel {
        margin-top: 30px;
    }
    .panel.img-box.thirdPanel {
        margin-top: 30px;
    }
    h2.data-submission-title-one {
        padding-left: 0px;
    }
}